<script setup lang="ts">
import { ref } from 'vue';
import ConsultList from './components/ConsultList.vue'
import { ConsultType } from '@/enums';

const active = ref<number>(0)
</script>

<template>
    <div class="consult-page">
        <cp-nav-bar title="问诊记录"></cp-nav-bar>
        <van-tabs sticky v-model="active">
            <van-tab title="极速问诊">
                <consult-list :types="ConsultType.Fast"></consult-list>
            </van-tab>
            <van-tab title="找医生">
                <consult-list :types="ConsultType.Doctor"></consult-list>
            </van-tab>
            <van-tab title="开药问诊">
                <consult-list :types="ConsultType.Medication"></consult-list>
            </van-tab>
        </van-tabs>
    </div>
</template>

<style lang="scss" scoped>
.consult-page {
    padding-top: 46px;
    background-color: var(--cp-bg);
    min-height: calc(100vh - 46px);
}
</style>